<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>定时器的进度条</title>
<style>
.cover{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:100;
background-color:#999;
opacity:0.8;
}
#canvas{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto; 
}
</style>


<script src="js/node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="js/digit.js"></script>
<script type="text/javascript" src="js/countdown.js"></script>
<script>

$(function(){
	setInterval(function(){
		$(".cover").fadeOut();
		},4500)
	})
</script>
</head>

<body>
<div class="cover">
  <div class="cover_canvas">
    <canvas id="canvas" style="display:block;"></canvas>
  </div>
</div>

</body>
</html>
